.home-header-component {
	display: flex;
	align-items: center;
  padding: 24rpx;
  background-color: #ffffff;
	.city-content {
		display: flex;
		align-items: center;
		margin-right: 20rpx;
		.icon-location {
			margin-right: 4rpx;
			width: 32rpx;
			height: 32rpx;
		}
		.city-name {
			max-width: 140rpx;
			font-size: 28rpx;
			color: #2c2c2c;
			word-break: keep-all;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}
	}
	.search-content {
		flex: 1;
		display: flex;
		align-items: center;
		padding: 0 24rpx;
		height: 64rpx;
		background-color: #f1f1f1;
		border-radius: 4rpx;
		.icon-search {
			width: 32rpx;
			height: 32rpx;
		}
		.search-name {
			margin-left: 12rpx;
			font-size: 24rpx;
			color: #999999;
		}
	}
	.service-content {
		margin-left: 24rpx;
		width: 40rpx;
		height: 40rpx;
		.icon-service {
			width: 100%;
			height: 100%;
		}
	}
}